@charset "utf-8";
.ta-box{
  width:100%;height:auto;
  .ta-box-inset{
    width:98%;position: relative;height:auto;margin:1% auto 30px;
    border: 1px solid #bce8f1;border-radius: 4px;overflow: hidden;
    padding-bottom: 20px;
    &:after{
      display:block; height:0; clear:both;visibility: hidden;
    }
    &>h2{
      width:100%;height:40px;background: #d9edf7;color:#31708f;
      text-indent: 20px;line-height: 40px;font-size: 16px;
      font-weight: 400;border-bottom:1px solid #bce8f1;
    }
  }
}
//内盒子
.ta-inset-ul{
  width:98%;height:auto;margin:1% auto 10px;overflow: hidden;
  &>li{
    width:100%;border-top: 1px solid #ddd;overflow: hidden;min-height: 44px;font-size: 12px;
    & > *{
      display: block;float: left;
    }
    &>p{
      width:128px;font-size: 12px;line-height: 40px;text-indent: 10px;font-weight: bold;color:#705073;
    }
    &>p + input{
      width:400px;height:26px;border:1px solid #ddd;vertical-align: middle;
      outline: none;margin:8px 0 0 0;text-indent: 10px;font-size: 12px;
    }
    &:nth-child(2) input{width:170px;}
    select{outline: none;}
    div input{
      border:1px solid #ddd;height:24px;text-indent: 6px;
      & + span{color:#5f686e;padding-left: 8px;font-size: 12px;}
    }
  }
  .ta-inset-li3{
    &>div{
      overflow: hidden;margin:10px 0 0 0;
      dl{
        float: left;margin-right: 30px;
        & *{float: left;}
        select{

        }
        dd{
          color:red;line-height: 20px;padding-left: 6px;display: none;
        }
      }
    }
  }
  .ta-inset-li4>div,.ta-inset-li5>div,.ta-inset-li6>div,.ta-inset-li8>div,.ta-inset-li9>div,.ta-inset-li11>div{
    margin:12px 0 0 0;
  }
  .ta-inset-li6>div{
    input{
      margin:0 8px 0 8px;font-size: 12px;
    }
    span{
      color:#5f686e;
    }
  }
  .ta-inset-li8>div{
    dl{
      float: left;margin-right: 8px;
      input{
        height:inherit;
      }
    }
  }
  //上传图片
  .ta-inset-li14>div{
    dl{
      float: none;margin:4px 0 0 0;
      input{
        opacity: 0;position: absolute;left:0;top:0;width:100%;height:100%;
      }
      span{
        color:#5f686e;padding-left: 2px;
      }
      img{
        width:70px;height:68px;border:4px solid #ccc;
      }
      dt{
        color:#5f686e;
      }
      dd{
        width:78px;height:38px;background: #00b7ee;color:#fff;
        font-size: 12px;text-align: center;line-height: 38px;
        border-radius: 4px;margin-right: 20px;position: relative;
        display: inline-block;
      }
    }
  }
  .ta-inset-li15>div{
    margin:12px 0 10px 0;
  }
  // 提交
  .ta-inset-footer{
    p{opacity: 0;}
    div{
      margin:12px 0 0 0;cursor: pointer;
      input{
        width:58px;height:38px;background: #019a61;color:#fff;
        font-size: 14px;text-align: center;line-height: 38px;
        border-radius: 4px;position: relative;
      }
      span{
        color:#3a91f0;padding-left: 10px;
      }
    }
  }


  // 背景色
  &>li:nth-child(odd){
    background: #f5f5f5;
  }

}

















